<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="/paginas/template.xhtml">
	<ui:define name="header">
		<br/>
	    <h1><h:outputText value="#{mensaje['label.tituloAutomovil']}" style="color: red" /></h1>
	</ui:define>
	<ui:define name="content">
		<div align="center">
			<br />
		    <h:panelGrid columns="1">
				<h:form id="tipoAuto" prependId="false">
					<p:growl id="messages"/>
					<div align = "center">
						<p:panel id="panel" header="#{mensaje['label.nuevoAuto']}" style="margin-bottom:10px;">
							<br />
							<div align = "center">
								<h:outputText value="#{mensaje['label.ingresarAuto']}" style= "color: black" />
							</div>
							<br />
							<div align = "center">
								<h:panelGrid columns="3">
									<h:outputText value="#{mensaje['label.cilindraje']}:" style="color: black" partialSubmit="true"/>
									<h:inputText id="cilindraje" value="#{clienteBean.automovil.cilindraje}" required="true" requiredMessage = "#{mensaje['label.mensajeAuto1']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="cilindrajeLeer" value="#{clienteBean.automovil.cilindraje}" required="true" requiredMessage = "#{mensaje['label.mensajeAuto1']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="cilindraje" rendered="#{clienteBean.accion == 'registrar'}"/>
									<p:message for="cilindrajeLeer" rendered="#{clienteBean.accion != 'registrar'}"/>
									
									<h:outputText value="#{mensaje['label.relacionCom']}:" style="color: black"/> 
									<h:inputText id="relacion" value="#{clienteBean.automovil.relacionCompresion}" required="true" requiredMessage = "#{mensaje['label.mensajeAuto2']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="relacionLeer" value="#{clienteBean.automovil.relacionCompresion}" required="true" requiredMessage = "#{mensaje['label.mensajeAuto2']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="relacion" rendered="#{clienteBean.accion == 'registrar'}"  />
									<p:message for="relacionLeer" rendered="#{clienteBean.accion != 'registrar'}"  />
									
									<h:outputText value="#{mensaje['label.torque']}:" style="color: black"/> 
									<h:inputText id="torque" value="#{clienteBean.automovil.torqueMaxiomo}" required="true" requiredMessage = "#{mensaje['label.mensajeAuto3']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="torqueLeer" value="#{clienteBean.automovil.torqueMaxiomo}" required="true" requiredMessage = "#{mensaje['label.mensajeAuto3']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="torque" rendered="#{clienteBean.accion == 'registrar'}"  />
									<p:message for="torqueLeer" rendered="#{clienteBean.accion != 'registrar'}"  />
									
									<h:outputText value="#{mensaje['label.potencial']}:" style="color: black"/> 
									<h:inputText id="potencial" value="#{clienteBean.automovil.potenciaMaxima}" required="true" requiredMessage = "#{mensaje['label.mensajeAuto4']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="potencialLeer" value="#{clienteBean.automovil.potenciaMaxima}" required="true" requiredMessage = "#{mensaje['label.mensajeAuto4']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="potencial" rendered="#{clienteBean.accion == 'registrar'}"  />
									<p:message for="potencialLeer" rendered="#{clienteBean.accion != 'registrar'}"  />
									<br/>
								</h:panelGrid>
								<h:panelGrid columns="2">
									<h:outputText value="#{mensaje['label.color']}:" style="color: black"/>
									<h:selectOneMenu value="#{clienteBean.color}" converter="selectItemObjectConverter">
										<f:selectItems value="#{administradorBean.colores}" />
									</h:selectOneMenu>
									
									<h:outputText value="#{mensaje['label.marca']}:" style="color: black"/>
									<h:selectOneMenu value="#{clienteBean.marca}" immediate="true" converter="selectItemObjectConverter">
										<f:selectItems value="#{administradorBean.marcas}" />
										<p:ajax update="referencia" /> 
									</h:selectOneMenu>
									
									<h:outputText value="#{mensaje['label.referencia']}:" style="color: black"/>
									<h:selectOneMenu id="referencia" value="#{clienteBean.referencia}" converter="selectItemObjectConverter">
										<f:selectItems value="#{clienteBean.referenciasDeMarca}" />
									</h:selectOneMenu>
									
									<h:outputText value="#{mensaje['label.tipoAuto']}:" style="color: black"/>
									<h:selectOneMenu value="#{clienteBean.tipoAutomovil}" converter="selectItemObjectConverter">
										<f:selectItems value="#{administradorBean.tipoDeAutomoviles}" />
									</h:selectOneMenu>
									
									<h:outputText value="#{mensaje['label.modelo']}:" style="color: black"/>
									<h:selectOneMenu value="#{clienteBean.modelo}" converter="selectItemObjectConverter">
										<f:selectItems value="#{administradorBean.modelos}" />
									</h:selectOneMenu>
								</h:panelGrid>
								<br/><h:outputText value="#{mensaje['label.ingresarSisElec']}" style= "color: blue" /><br/>
								<h:panelGrid columns="3">
									<h:outputText value="#{mensaje['label.bateria']}:" style="color: black" partialSubmit="true"/>
									<h:inputText id="bateria" value="#{clienteBean.sistemaElectrico.bateria}" required="true" requiredMessage = "#{mensaje['label.mensajeSisElec1']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="bateriaLeer" value="#{clienteBean.sistemaElectrico.bateria}" required="true" requiredMessage = "#{mensaje['label.mensajeSisElec1']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="bateria" rendered="#{clienteBean.accion == 'registrar'}"/>
									<p:message for="bateriaLeer" rendered="#{clienteBean.accion != 'registrar'}"/>
									
									<h:outputText value="#{mensaje['label.medidores']}:" style="color: black"/> 
									<h:inputText id="medidores" value="#{clienteBean.sistemaElectrico.medidores}" required="true" requiredMessage = "#{mensaje['label.mensajeSisElec2']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="medidoresLeer" value="#{clienteBean.sistemaElectrico.medidores}" required="true" requiredMessage = "#{mensaje['label.mensajeSisElec2']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="medidores" rendered="#{clienteBean.accion == 'registrar'}"  />
									<p:message for="medidoresLeer" rendered="#{clienteBean.accion != 'registrar'}"  />
								</h:panelGrid>
								<br/><h:outputText value="#{mensaje['label.ingresarMotor']}" style= "color: blue" /><br/>
								<h:panelGrid columns="3">
									<h:outputText value="#{mensaje['label.rendimiento']}:" style="color: black" partialSubmit="true"/>
									<h:inputText id="rendimiento" value="#{clienteBean.motor.rendimiento}" required="true" requiredMessage = "#{mensaje['label.mensajeMotor1']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="rendimientoLeer" value="#{clienteBean.motor.rendimiento}" required="true" requiredMessage = "#{mensaje['label.mensajeMotor1']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="rendimiento" rendered="#{clienteBean.accion == 'registrar'}"/>
									<p:message for="rendimientoLeer" rendered="#{clienteBean.accion != 'registrar'}"/>
									
									<h:outputText value="#{mensaje['label.tipoValvula']}:" style="color: black"/> 
									<h:inputText id="tipoValvula" value="#{clienteBean.motor.tipoValvula}" required="true" requiredMessage = "#{mensaje['label.mensajeMotor2']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="tipoValvulaLeer" value="#{clienteBean.motor.tipoValvula}" required="true" requiredMessage = "#{mensaje['label.mensajeMotor2']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="tipoValvula" rendered="#{clienteBean.accion == 'registrar'}"  />
									<p:message for="tipoValvulaLeer" rendered="#{clienteBean.accion != 'registrar'}"  />
									
									<h:outputText value="#{mensaje['label.velGiro']}:" style="color: black"/> 
									<h:inputText id="velGiro" value="#{clienteBean.motor.velocidadDeGiro}" required="true" requiredMessage = "#{mensaje['label.mensajeMotor3']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="velGiroLeer" value="#{clienteBean.motor.velocidadDeGiro}" required="true" requiredMessage = "#{mensaje['label.mensajeMotor3']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="velGiro" rendered="#{clienteBean.accion == 'registrar'}"  />
									<p:message for="velGiroLeer" rendered="#{clienteBean.accion != 'registrar'}"  />
								</h:panelGrid>
								<br/><h:outputText value="#{mensaje['label.ingresarChasis']}" style= "color: blue" /><br/>
								<h:panelGrid columns="3">
									<h:outputText value="#{mensaje['label.material']}:" style="color: black" partialSubmit="true"/>
									<h:inputText id="material" value="#{clienteBean.chasis.material}" required="true" requiredMessage = "#{mensaje['label.mensajeChasis1']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="materialLeer" value="#{clienteBean.chasis.material}" required="true" requiredMessage = "#{mensaje['label.mensajeChasis1']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="material" rendered="#{clienteBean.accion == 'registrar'}"/>
									<p:message for="materialLeer" rendered="#{clienteBean.accion != 'registrar'}"/>
									
									<h:outputText value="#{mensaje['label.suspencion']}:" style="color: black"/> 
									<h:inputText id="suspencion" value="#{clienteBean.chasis.suspencion}" required="true" requiredMessage = "#{mensaje['label.mensajeChasis2']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="suspencionLeer" value="#{clienteBean.chasis.suspencion}" required="true" requiredMessage = "#{mensaje['label.mensajeChasis2']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="suspencion" rendered="#{clienteBean.accion == 'registrar'}"  />
									<p:message for="suspencionLeer" rendered="#{clienteBean.accion != 'registrar'}"  />
									
									<h:outputText value="#{mensaje['label.direccion']}:" style="color: black"/> 
									<h:inputText id="direccion" value="#{clienteBean.chasis.direccion}" required="true" requiredMessage = "#{mensaje['label.mensajeChasis3']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="direccionLeer" value="#{clienteBean.chasis.direccion}" required="true" requiredMessage = "#{mensaje['label.mensajeChasis3']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="direccion" rendered="#{clienteBean.accion == 'registrar'}"  />
									<p:message for="direccionLeer" rendered="#{clienteBean.accion != 'registrar'}"  />
									
									<h:outputText value="#{mensaje['label.frenos']}:" style="color: black"/> 
									<h:inputText id="frenos" value="#{clienteBean.chasis.frenos}" required="true" requiredMessage = "#{mensaje['label.mensajeChasis4']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="frenosLeer" value="#{clienteBean.chasis.frenos}" required="true" requiredMessage = "#{mensaje['label.mensajeChasis4']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="frenos" rendered="#{clienteBean.accion == 'registrar'}"  />
									<p:message for="frenosLeer" rendered="#{clienteBean.accion != 'registrar'}"  />
									
									<h:outputText value="#{mensaje['label.rines']}:" style="color: black"/> 
									<h:inputText id="rines" value="#{clienteBean.chasis.rines}" required="true" requiredMessage = "#{mensaje['label.mensajeChasis5']}" rendered="#{clienteBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="rinesLeer" value="#{clienteBean.chasis.rines}" required="true" requiredMessage = "#{mensaje['label.mensajeChasis5']}"  rendered="#{clienteBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="rines" rendered="#{clienteBean.accion == 'registrar'}"  />
									<p:message for="rinesLeer" rendered="#{clienteBean.accion != 'registrar'}"  />
									
									<h:outputText value="#{mensaje['label.color']}:" style="color: black"/>
									<h:selectOneMenu value ="#{clienteBean.colorChasis}">
										<f:selectItem itemValue="Negro" />
										<f:selectItem itemValue="Gris" />
									</h:selectOneMenu>
								
								</h:panelGrid>
								<h:commandButton value="#{mensaje['button.aceptar']}" update="fdatos" 
								action="#{clienteBean.agregarAutomovil}" style="margin-right:20px;" rendered="#{clienteBean.accion == 'registrar'}"/>
								<h:commandButton value="#{mensaje['button.actualizar']}" update="fdatos" 
								action="#{clienteBean.actualizarAutomovil}" style="margin-right:20px;" rendered="#{clienteBean.accion != 'registrar'}"/>
								<h:commandButton value="#{mensaje['button.cancelar']}" update="fdatos tipoAuto" 
								action="#{clienteBean.cancelar}" style="margin-right:20px;" rendered="#{clienteBean.accion != 'registrar'}"/>
							</div>
						</p:panel>
					</div>
				</h:form>
			</h:panelGrid>
		</div>
		<div align="center">
		<br />
		<h1><h:outputText value="#{mensaje['label.listaAutos']}" style="color: red" /></h1>
		<br />
		</div>
		<div align="center">
			<h:panelGrid columns="1">
				<h:form id="fdatos" prependId="false">
					<p:dataTable id="tabla" value="#{clienteBean.misAutomoviles}" var="automovil" paginator="true" rows="5" emptyMessage="#{mensaje['label.noHayAuto']}">
						<p:column filterBy="#{automovil.cilindraje}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header">
								<h:outputText value="#{mensaje['label.cilindraje']}" />
							</f:facet>
							<h:outputText value="#{automovil.cilindraje}" style="color: black"/>
						</p:column>
						<p:column filterBy="#{automovil.modelo.anio}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header">
								<h:outputText value="#{mensaje['label.modelo']}" />
							</f:facet>
							<h:outputText value="#{automovil.modelo.anio}" style="color: black"/>
						</p:column>
						<p:column filterBy="#{automovil.marca.nombre}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header">
								<h:outputText value="#{mensaje['label.marca']}" />
							</f:facet>
							<h:outputText value="#{automovil.marca.nombre}" style="color: black"/>
						</p:column>
						<p:column filterBy="#{automovil.referencia.nombre}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header">
								<h:outputText value="#{mensaje['label.referencia']}" />
							</f:facet>
							<h:outputText value="#{automovil.referencia.nombre}" style="color: black"/>
						</p:column>
						<p:column filterBy="#{automovil.tipoAutomovil.nombre}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header">
								<h:outputText value="#{mensaje['label.tipoAuto']}" />
							</f:facet>
							<h:outputText value="#{automovil.tipoAutomovil.nombre}" style="color: black"/>
						</p:column>
						<p:column filterBy="#{automovil.color.color}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header">
								<h:outputText value="#{mensaje['label.color']}" />
							</f:facet>
							<h:outputText value="#{automovil.color.color}" style="color: black"/>
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{mensaje['button.eliminar']}" />
							</f:facet>
							<p:commandButton update="display"
								oncomplete="dialogoEliminar.show()" image="ui-icon ui-icon-trash">
								<f:setPropertyActionListener value="#{automovil}"
									target="#{clienteBean.automovil}" />
							</p:commandButton>
						</p:column>
						<p:column>
							<f:facet name="header"><h:outputText value="#{mensaje['button.actualizar']}" /></f:facet> 
							<p:commandButton update="tipoAuto" image="ui-icon ui-icon-refresh">
								<f:setPropertyActionListener value="actualizar"	target="#{clienteBean.accion}" />
								<f:setPropertyActionListener value="#{automovil}" target="#{clienteBean.automovil}" />
								<f:setPropertyActionListener value="#{automovil.color}" target="#{clienteBean.color}" />
								<f:setPropertyActionListener value="#{automovil.marca}" target="#{clienteBean.marca}" />
								<f:setPropertyActionListener value="#{automovil.referencia}" target="#{clienteBean.referencia}" />
								<f:setPropertyActionListener value="#{automovil.tipoAutomovil}" target="#{clienteBean.tipoAutomovil}" />
								<f:setPropertyActionListener value="#{automovil.modelo}" target="#{clienteBean.modelo}" />
								<f:setPropertyActionListener value="#{automovil.sistemaElectrico}" target="#{clienteBean.sistemaElectrico}" />
								<f:setPropertyActionListener value="#{automovil.chasis}" target="#{clienteBean.chasis}" />
								<f:setPropertyActionListener value="#{automovil.motor}" target="#{clienteBean.motor}" />
								<f:setPropertyActionListener value="#{automovil}"	target="#{clienteBean.automovilAnterior}" />
							</p:commandButton>
						</p:column>
					</p:dataTable>
					
					<div align="center">
						<p:panel id="panelExportacion" header="#{mensaje['label.exportar']}" style="margin-bottom:10px;">
							<div align="center">
								<h:panelGrid columns="5">
									<h:outputText value="#{mensaje['label.exportarMensaje']}:" style="color: black" />
									<h:commandLink>
										<p:graphicImage value="/images/pdf.png" />
										<p:dataExporter type="pdf" target="tabla" fileName="automoviles" />
									</h:commandLink>
									<h:commandLink>
										<p:graphicImage value="/images/excel.png" />
										<p:dataExporter type="xls" target="tabla" fileName="automoviles" />
									</h:commandLink>
									 <h:commandLink>  
							            <p:graphicImage value="/images/csv.png" />  
							            <p:dataExporter type="csv" target="tabla" fileName="automoviles" />  
							        </h:commandLink>  
							        <h:commandLink>  
							            <p:graphicImage value="/images/xml.png" />  
							            <p:dataExporter type="xml" target="tabla" fileName="automoviles" />  
							        </h:commandLink> 
								</h:panelGrid>
							</div>
						</p:panel>
					</div>
					
					<p:dialog header="Administrador" widgetVar="dialogoEliminar"
						resizable="false" width="300" showEffect="explode"
						hideEffect="explode" modal="true">
						<div align="center">
							<h:panelGrid id="display" columns="2" cellpadding="4">
								<h:outputText value="#{mensaje['label.cilindraje']}:" />
								<h:outputText value="#{clienteBean.automovil.cilindraje}" />
								<h:outputText value="#{mensaje['label.modelo']}:" />
								<h:outputText value="#{clienteBean.automovil.modelo.anio}" />
								<h:outputText value="#{mensaje['label.marca']}:" />
								<h:outputText value="#{clienteBean.automovil.marca.nombre}" />
								<h:outputText value="#{mensaje['label.referencia']}:" />
								<h:outputText value="#{clienteBean.automovil.referencia.nombre}" />
								<h:outputText value="#{mensaje['label.tipoAuto']}:" />
								<h:outputText value="#{clienteBean.automovil.tipoAutomovil.nombre}" />
								<h:outputText value="#{mensaje['label.color']}:" />
								<h:outputText value="#{clienteBean.automovil.color.color}" />
								<p:commandButton update="fdatos" actionListener="#{clienteBean.eliminarAutomovil}"
									oncomplete="dialogoEliminar.hide()" value="Eliminar">
									<f:setPropertyActionListener value="#{automovil.sistemaElectrico}" target="#{clienteBean.sistemaElectrico}" />
									<f:setPropertyActionListener value="#{automovil.chasis}" target="#{clienteBean.chasis}" />
									<f:setPropertyActionListener value="#{automovil.motor}" target="#{clienteBean.motor}" />
									<f:setPropertyActionListener value="#{automovil}" target="#{clienteBean.automovil}" />
								</p:commandButton>
								<p:commandButton oncomplete="dialogoEliminar.hide()"
									value="Cancelar">
								</p:commandButton>
							</h:panelGrid>
						</div>
					</p:dialog>
				</h:form>
			</h:panelGrid>
		</div>	
		<h:form>
			<br/>
				<div align="center">
					<h:commandButton value="#{mensaje['button.volver']}" action="/paginas/inicio/inicioCliente.xhtml" style="margin-right:40px;" />
				</div>
			<br/>
		</h:form>
	</ui:define>
	<ui:define name="footer">
	</ui:define>
</ui:composition>
</html>